.flexslider{position:relative;height:640px;overflow:hidden;transition: all 0.3s;}
.slides{position:relative;z-index:1;}
.slides li{height:640px;}
.slides li a{display: block;width: 100%;height: 640px;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;opacity: 0;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:70px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:70px;background:url(../images/next.png) center center no-repeat;}
.flexslider:hover .flex-direction-nav{opacity:1}
.flex-control-nav{position: absolute;z-index: 3;width:100%;top:550px;text-align: center;}
.flex-control-nav li{display: inline-block;width: 14px;height: 14px;margin: 0 7px;border-radius: 14px;overflow: hidden;}
.flex-control-nav li a{display: block;background-color: #BCC0C9;color: #BCC0C9;}
.flex-control-nav li .flex-active{background-color: #E93F00;color: #E93F00;}



.find{position: relative;margin-top: -45px;box-shadow: 0 5px 10px #CCCCCC;}
.find .div1{background-color: #333333;float: left;width: 505px;text-align: center;padding:25px 50px; }
.find .div1 .p1{line-height: 50px;height: 50px;font-size: 20px;color: #fff;border-bottom: 1px solid #555555;font-weight: bold;overflow: hidden;}
.find .div1 .p1 span{font-size: 30px;color: #e93c00;font-weight: bold;margin-right: 5px;}
.find .div1 .p2{line-height: 55px;font-size: 30px;color: #e93c00;font-weight: bold;font-family: Arial;}
.find .div2{background-color: #ffffff;width: 405px;text-align: center;padding:25px 100px;float: right;}
.find .div2 .keywords{line-height: 50px;height: 50px;font-size: 14px;text-align: center;overflow: hidden;}
.find .div2 .keywords a{color: #666666;font-weight: bold;display: inline-block;margin:  0 3px;}
.find .div2 .keywords a:hover{color: #E93C00;}
.find .div2 .search{line-height: 40px;height: 40px;background-color: #EEEEEE;width: 300px;padding: 0 15px;margin: 0 auto;}
.find .div2 .search select{float: left;width: 60px;line-height: 40px;height: 40px;background-color: #EEEEEE; }
.find .div2 .search select option{line-height: 40px;background-color: #EEEEEE; }
.find .div2 .search input{width: 180px;text-align: center;line-height: 40px;height: 40px;color: #333333;background-color: #EEEEEE;float: left;}
.find .div2 .search button{width: 60px;height: 40px;background: url("../images/sou.jpg") no-repeat center;float: right;}

.product{margin-top: 50px;}
.product .title{float: left;width: 300px;height: 489px;}
.product .title ul{width: 130px;position: absolute;z-index: 1;height: 172px;margin: 230px 0 0 150px;}
.product .title ul li{line-height: 41px;height: 42px;overflow: hidden;margin-top: 5px;}
.product .title ul li .p1{line-height: 41px;height: 41px;}
.product .title ul li .p2{border-bottom: 1px solid #fff;width: 55px;transition: all 0.3s;}
.product .title ul li a{color: #fff;}
.product .title ul li:hover .p2{width: 150px;}
.product .title ul li:hover .p1{color: #8D8D8D;}
.product .pro-show{width: 880px;height: auto;overflow: hidden;float: right;}
.product .pro-show li{width: 280px;float: left;padding-right: 20px;}
.product .pro-show li .pro-img{width: 280px;height: 200px;background-color: #0E0E11;padding: 60px 0;transition: all 0.3s;}
.product .pro-show li .pro-img img{width: 280px;height: 200px;}
.product .pro-show li .show{width:280px;height:168px;background-color: #F5F5F5; transition: all 0.3s; }
.product .pro-show li .show .p1{line-height: 35px;height: 35px;color: #666666;font-size: 16px;padding: 45px 20px 0 20px;text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;}
.product .pro-show li .show .p2{text-align: center;background: url("../images/fang1.png") no-repeat center;height: 20px;margin-top: 22px;}
.product .pro-show li:hover .pro-img{background-color: #3C3A37;}
.product .pro-show li:hover .p1{color: #0b62d5;}
.product .pro-show li:hover .p2{background: url("../images/fang2.png") no-repeat center;}



.core{margin-top: 70px;background: url("../images/fang3.jpg") no-repeat top right}
.core .title{float: right;width: 568px;}
.core .title{line-height: 70px;height: 70px;padding-left: 20px;background-color: #333333;color: #fff;font-size: 24px;font-weight: bold;    position: absolute;
    margin-left: 620px;
    z-index: 10;}
.core .tel{float: right;width: 590px;margin-top: -90px;}
.core .tel .p1{line-height: 22px;}
.core .tel .p1 span{color: #999999;}
.core .tel .p2{font-weight: bold;font-size: 48px;color: #e93c00;font-family: Constantia;line-height: 48px;}
.ss1_wrapper { position:relative;height: 450px; }
.ss1_wrapper .slideshow { position:relative; width:430px; height:430px; }
.ss1_wrapper .slideshow_item { width:430px; height:430px; }
.ss1_wrapper .slideshow_item img{width:420px; height:300px;margin-top: 75px; }

.ss1_wrapper .slideshow_item .data { display:none; }
.ss1_wrapper a.slideshow_prev { position:absolute; left:350px; bottom:50px; z-index:10; width:40px; height:46px; outline:none;  }
.ss1_wrapper a.slideshow_prev span { display:block; width:40px; height:46px; background:url(../images/arrows.png) no-repeat -55px 50%; text-indent:-9999px; }
.ss1_wrapper a.slideshow_next { position:absolute; left:390px; bottom:50px; z-index:10; width:40px; height:46px; outline:none; }
.ss1_wrapper a.slideshow_next span { display:block; width:40px; height:46px; background:url(../images/arrows.png) no-repeat -5px 50%; text-indent:-9999px; }

.ss1_wrapper .slideshow_paging { position:absolute; left:620px; top:270px; z-index:11;}
.ss1_wrapper .slideshow_paging a { display:block; float:left; width: 220px;line-height: 42px;height: 42px;text-align: center;background-color: #FAFAFA;color: #333333;border: 1px solid #CCCCCC;border-radius: 21px;margin-right: 30px; }
.ss1_wrapper .slideshow_paging a:hover { border: 1px solid #0A62D5; }
.ss1_wrapper .slideshow_paging a.activeSlide { background:#0A62D5; color:#fff; border: 1px solid #0A62D5; font-weight: bold; }

.ss1_wrapper .slideshow_box { position:absolute; left:620px; top:115px; width:590px; height:140px; z-index:10; }
.ss1_wrapper .slideshow_box .data {  }
.ss1_wrapper .slideshow_box .data .p1 {color: #333333;font-size: 18px;line-height: 40px;height: 40px;font-weight: bold;;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;}
.ss1_wrapper .slideshow_box .data .p2{color: #666666;line-height: 30px;height: 60px;margin-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;}


.about{margin-top: 50px;}
.about .title{height: 210px;background-color: #366FC6;}
.about .title .more{display: block;width: 140px;line-height: 40px;height: 40px;background-color: #363636;color: #fff;text-align: center;float: left;margin: 100px 0 0 690px;transition: all 0.3s;}
.about .title .more:hover{background-color:#E93F00;width: 150px; }
.about .title p{float: right;font-size: 36px;color: #fff;font-weight: bold;line-height: 110px;margin-top: 62px;}
.about .title p .s1{color: #E93F00;}
.about .title p .s2{border-bottom: 3px solid #fff;padding-bottom: 15px;}
.about img{margin-top: -140px;position: absolute;z-index: 2;width: 600px;height: 360px;}
.about .about-show{width: 510px;float: right;}
.about .about-show .p1{line-height: 70px;height: 70px;overflow: hidden;margin-top: 15px;font-size: 24px;color: #333333;font-weight: bold;}
.about .about-show .p2{line-height: 30px;height: 120px;color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient: vertical;}

.advantage{background-color: #FBFBFB;padding: 65px 0;height: 860px;}
.advantage .title{position: absolute;z-index: 6;margin-top: 555px;margin-left: 85px;}
.advantage .div1{width: 940px;height: auto;overflow: hidden;position: absolute;z-index: 5}
.advantage .div1 div{float: right;width: 210px;}
.advantage .div1 img{width: 683px;height: 381px;}
.advantage .div1 div .p1{font-size: 36px;color: #3470c7;font-family: bodonib;}
.advantage .div1 div .p2{font-size: 16px;color: #333333;font-weight: bold;margin-top: 40px;line-height: 30px;height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;}
.advantage .div2{width: 650px;position: absolute;margin-top: 123px;margin-left: 560px;z-index: 4;text-align: right;}
.advantage .div2 .p1{color: #3470c7;font-weight: bold;margin-right: 20px;}
.advantage .div2 .p2{font-size: 36px;color: #3470c7;font-family: bodonib;margin-top: 30px;margin-right: 20px;}
.advantage .div2 .p3{line-height: 40px;height: 40px;font-size: 16px;color: #333333;font-weight: bold;margin-right: 20px;width: 400px;float: right;line-height: 30px;height: 30px;overflow: hidden;}
.advantage .div2 img{margin-top: 55px;width: 650px;height: 267px;}
.advantage .div3{width: 615px;position: absolute;z-index: 3;margin-top: 420px;margin-left: 46px;}
.advantage .div3 .p1{font-size: 36px;color: #3470c7;font-family: bodonib;}
.advantage .div3 .p2{font-size: 16px;color: #333333;font-weight: bold;margin-top: 10px;width: 500px;line-height: 30px;height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;}
.advantage .div3 img{float: right;margin-top: 55px;width: 396px;height: 314px;}
.advantage .div4{width: 400px;position: absolute;z-index: 1;margin-top: 600px;margin-left: 725px;}
.advantage .div4 .p1{font-size: 36px;color: #3470c7;font-family: bodonib;}
.advantage .div4 .p2{font-size: 16px;color: #333333;font-weight: bold;margin-top: 5px;line-height: 30px;height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;}
.advantage .div5{width: 395px;position: absolute;z-index: 1;margin-top: 683px;margin-left: 780px;text-align: right;}
.advantage .div5 .p1{color: #3470c7;font-weight: bold;}
.advantage .div5 .p2{font-size: 36px;color: #3470c7;font-family: bodonib;margin-top: 30px;}
.advantage .div5 .p3{line-height: 40px;height: 80px;font-size: 16px;color: #333333;font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;}

.news{}
.news .title{background: url("../images/news-bg.jpg") no-repeat center;height: 164px;text-align: center;}
.news .title .p1{line-height: 50px;font-size: 36px;color: #fff;font-weight: bold;padding-top: 23px;}
.news .title .p2{border-bottom: 3px solid #fff;width: 30px;margin: 15px auto;}
.news .title .p3{line-height: 30px;font-size: 24px;color: #fff;font-weight: bold;}
.news ul{}
.news ul li{float: left;width: 310px;padding: 35px;background-color: #EEEEEE;margin-right: 35px;margin-top: 90px;}
.news ul li .time{width: 50px;padding: 15px 10px;background-color: #363636;float: left;text-align: right;margin-top: -65px;transition: all 0.3s;}
.news ul li .time .p1{font-size: 16px;color: #c9c9c9;line-height: 20px;}
.news ul li .time .p2{color: #c9c9c9;}
.news ul li .time .p3{color: #ffffff;font-size: 22px;font-weight: bold;line-height: 35px;}
.news ul li .p4{float: right;width: 220px;line-height: 35px;height: 35px;color: #333333;font-size: 16px;font-weight: bold;margin-top: 5px;transition: all 0.3s;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;}
.news ul li .p5{line-height: 25px;height: 75px;margin-top: 30px;color: #666666;margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;}
.news ul li:hover .time{background-color: #E93F00;}
.news ul li:hover .p4{color: #E93F00;}
.news .more{text-align: center;}
.news .more a{display: block;width: 140px;line-height: 40px;height: 40px;background-color: #363636;color: #fff;text-align: center;margin: 60px auto;transition: all 0.3s;}
.news .more a:hover{background-color:#E93F00;width: 150px; }

.links{background-color: #F8F8F8;padding: 36px 0;}
.links .title{float: left;}
.links ul{float: right;width: 1100px;}
.links ul li{float: left;margin-right: 20px;line-height: 30px;font-weight: bold;}
.links ul li a{color: #333333;}
.links ul li a:hover{color: #E93F00;}